<template>
	<view class="content">
		<image src="/static/ful.png" mode="widthFix"></image>
		<view class="tips">订单支付成功</view>
		<view class="btnlist">
			<view class="btn1" @click="Navigator">返回首页</view>
			<view class="btn" @click="geNavigator">立即使用</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				id:''
			}
		},
		onLoad(r) {
			this.id = r.id
		},
		methods:{
			Navigator(){
				uni.switchTab({
					url:'/pages/home/index'
				})
			},
			geNavigator(){
				uni.navigateTo({
					url:'/pages/coupon/cardverification?id=' + this.id
				})
			}
		}
	}
</script>
<style>
	page{
		background: #F8F8F8;
	}
</style>
<style lang="scss" scoped>
	.content{
		width: 92%;
		margin: 40rpx auto;
		background-color: #fff;
		// height: 500rpx;
		border-radius: 16rpx;
		padding: 30rpx 0 60rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		image{
			width: 240rpx;
			height: auto;
			margin: 30rpx auto 20rpx;
		}
		.tips{
			color: #FD803E;
			font-size: 36rpx;
		}
		.tex{
			color: #666;
			font-size: 24rpx;
			width: 480rpx;
			text-align: center;
			line-height: 45rpx;
			margin: 10rpx auto;
		}
		.btn1{
			width: 140rpx;
			height: 50rpx;
			border: 1px solid var(--Color-4, #5F636B);
			text-align: center;
			border-radius: 40rpx;
			color: #5F636B;
			line-height: 50rpx;
			font-size: 26rpx;
		}
		.btn{
			width: 210rpx;
			height: 50rpx;
			margin-left: 36rpx;
			text-align: center;
			color: #fff;
			font-size: 26rpx;
		    line-height: 50rpx;
		    border-radius: 40rpx;
			// margin: 20rpx auto;
			background: var(--Color, #F26B2E);
		}
	}
	.btnlist{
		margin-top: 56rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
</style>